<%@page language="java" pageEncoding="utf-8" contentType="text/html; charset=utf-8" import="java.util.*"  %>
<%@ taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>相册详情</title>
</head>
<body  id="setbgimg1">



<s:include value="/audi/include/header.jsp"></s:include>
<div  class="clear"></div>
<div class="body_contents">
  <div class="body_contents_left" style="padding-top:30px;">
    <s:include value="/audi/include/left.jsp"></s:include>
  </div>
  <div class="body_contents_middle" style="min-height:1000px;">
  
  <!-- middle -->
  
  
  
   <div class="body_contents_middle_title2" style="border-bottom:1px solid #E5E5E5; margin-bottom:10px; padding-bottom:10px;">
    <strong>129</strong>&nbsp;万个车友&nbsp;|&nbsp;<strong>12</strong>&nbsp;万个圈子&nbsp;|&nbsp;<strong>934</strong>&nbsp;万个话题
    
    </div>
     
    
    
    
    
    
    

<div class="body_contents_middle_06fbht">
<div class="body_contents_middle_06fbht_left"><img src="${baseUrl}/images/49x49.jpg" /></div>
<div class="body_contents_middle_06fbht_right">

<div class="body_contents_middle_06fbht_right_body">
<div class="body_contents_middle_06fbht_right_body_title1"><b>微微 2012/06/05</b><a href="${baseUrl}/audi/album_upload.action?albumId=1">上传照片</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="${baseUrl }/audi/album_list.action?circleId=1"><img src="${baseUrl}/images/btn_fh.jpg" /></a></div>
<div class="clear"></div>
<div class="body_contents_middle_06fbht_right_body_title3"> 
<ul>
<li><a href="#"><img src="${baseUrl}/images/126x104.jpg" />奥迪生活照片</a></li>
<li><a href="#"><img src="${baseUrl}/images/126x104.jpg" />奥迪生活照片</a></li><li><a href="#"><img src="${baseUrl}/images/126x104.jpg" />奥迪生活照片</a></li><li><a href="#"><img src="${baseUrl}/images/126x104.jpg" />奥迪生活照片</a></li><li><a href="#"><img src="${baseUrl}/images/126x104.jpg" />奥迪生活照片</a></li><li><a href="#"><img src="${baseUrl}/images/126x104.jpg" />奥迪生活照片</a></li>
</ul>

</div>
<div class="body_contents_middle_06fbht_right_body_text2">


</div>

</div>


<div class="body_contents_middle_06fbht_right_btn"></div>
</div>

<div class="body_contents_middle_06fbht_right_fb">
<div class="body_contents_middle_06fbht_right_fb_left">
<a href="#">转发(21)</a> |  <a href="#">收藏(3)</a> |  <a href="#">评论(5)</a></div>

<div class="body_contents_middle_06fbht_right_fb_right"><a href="#"><img src="${baseUrl}/images/share_to_1.jpg" /></a><a href="#"><img src="${baseUrl}/images/share_to_2.jpg" /></a><a href="#"><img src="${baseUrl}/images/share_to_3.jpg" /></a><a href="#"><img src="${baseUrl}/images/share_to_4.jpg" /></a><a href="#"><img src="${baseUrl}/images/share_to_5.jpg" /></a><a href="#"><img src="${baseUrl}/images/share_to_6.jpg" /></a></div>


</div>
<div class="clear"></div>

<div class="body_contents_middle_title2" style=" background-image:url(${baseUrl}/images/title_pl.jpg);  ">
<span style="float:left; padding-left:50px; line-height:12px; font-size:10px; color:#ffffff">9999</span>
 <a href="#" style="float:right"><img src="${baseUrl}/images/btn_fbpl.jpg" /></a>
    
    </div>
    
    <ul class="body_contents_middle_06fbht_list">
    
    <li>
 <div class="litpic"><img src="${baseUrl}/images/49x49.jpg" /></div>
    <div class="userinfo2">夏日阳光<br />
2012-06-05</div>
<div class="direction">这个地方特产冰这个地方魂，产从会作品会作品品产冰这个地方微微渗出。</div>
<div class="morelinks"><a href="#"><img src="${baseUrl}/images/btn_hf.jpg" /></a></div>
    
    </li>
        <li>
 <div class="litpic"><img src="${baseUrl}/images/49x49.jpg" /></div>
    <div class="userinfo2">夏日阳光<br />
2012-06-05</div>
<div class="direction">这个地方特产冰这个地方魂，产从会作品会作品品产冰这个地方微微渗出。</div>
<div class="morelinks"><a href="#"><img src="${baseUrl}/images/btn_hf.jpg" /></a></div>
    
    </li>    <li>
 <div class="litpic"><img src="${baseUrl}/images/49x49.jpg" /></div>
    <div class="userinfo2">夏日阳光<br />
2012-06-05</div>
<div class="direction">这个地方特产冰这个地方魂，产从会作品会作品品产冰这个地方微微渗出。</div>
<div class="morelinks"><a href="#"><img src="${baseUrl}/images/btn_hf.jpg" /></a></div>
    
    </li>    <li>
 <div class="litpic"><img src="${baseUrl}/images/49x49.jpg" /></div>
    <div class="userinfo2">夏日阳光<br />
2012-06-05</div>
<div class="direction">这个地方特产冰这个地方魂，产从会作品会作品品产冰这个地方微微渗出。</div>
<div class="morelinks"><a href="#"><img src="${baseUrl}/images/btn_hf.jpg" /></a></div>
    
    </li>    <li>
 <div class="litpic"><img src="${baseUrl}/images/49x49.jpg" /></div>
    <div class="userinfo2">夏日阳光<br />
2012-06-05</div>
<div class="direction">这个地方特产冰这个地方魂，产从会作品会作品品产冰这个地方微微渗出。</div>
<div class="morelinks"><a href="#"><img src="${baseUrl}/images/btn_hf.jpg" /></a></div>
    
    </li>
    
    </ul>
    
    

</div>
  <!-- middle end-->
</div>
  
  <div class="body_contents_right" style="padding-top:20px">
  
  <s:include value="/audi/include/right.jsp"></s:include>
    <div class="body_contents_right_btn"></div>
  </div>
</div>
<div  class="clear"></div>
<div class="footer_warp"></div>
<s:include value="/audi/include/footer.jsp"></s:include>
<script src="${baseUrl}/scripts/jquery-1.7.1.min.js"></script> 
<script language="javascript" src="${baseUrl}/scripts/jquery.idTabs.min.js"></script> 
<script language="javascript" src="${baseUrl}/scripts/public.js"></script> 
<script src="${baseUrl}/scripts/jquery.imagesloaded.js"></script> 
<script src="${baseUrl}/scripts/jquery.wookmark.js"></script> 
<script type="text/javascript">
    $('#tiles').imagesLoaded(function() {
      // Prepare layout options.
      var options = {
        autoResize: true, // This will auto-update the layout when the browser window is resized.
        container: $('#body_contents_middle_list_main'), // Optional, used for some extra CSS styling
        offset: 7, // Optional, the distance between grid items
        itemWidth: 177 // Optional, the width of a grid item
      };
      
      // Get a reference to your grid items.
      var handler = $('#tiles li');
      
      // Call the layout function.
      handler.wookmark(options);
      
      // Capture clicks on grid items.
      handler.click(function(){

      });
	  $(".userinfo_nav").idTabs("!mouseover");
    });
  </script>



<table width="990" border="1" cellspacing="0" cellpadding="0">
<tr>
		 <td width="160" align="center" valign="top">我的主页<br>我的圈子<br>我的微博<br>我的论坛<br>我的活动<br>我的积分<br>我的好友<br>我的爱车</td>
		 <td width="640" align="center" valign="top">
		 <table width="100%">
		<tr>
		 <td width="100%" align="center" valign="top">| <s:property value="#request.album.circle.circleName"/>| <s:property value="#request.cirList[0].memberNum"/>个车友  12万个圈子  934个话题</td>
		</tr>
	</table>
	
	
	<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100"><img src="" alt="user pic" /></td>
    <td width="464">
	<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="left" width="20%" height="30">微微</td>
    <td align="left" width="80%">2010-06-13</td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="left" width="100%" height="30">相册标题(<s:property value="#request.album.picDesc"/>)</td>
    
  </tr>
</table>


	<ul style="float:left; width:450px;">
	<s:iterator value="#request.picList" var="strs">
		<li style="width:148px; float:left"><img src="/AudiProject/album/defautblaum/<s:property value="#strs"/>" alt="<s:property value="#strs"/>" /><br />desc</li>
		
		</s:iterator>
	</ul>
	<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="15%" align="left">转发数(<s:property value="#request.album.favoritesNum"/>)</td>
    <td width="15%" align="left">收藏数(<s:property value="#request.album.favoritesNum"/>)</td>
    <td width="15%" align="left">评论数(<s:property value="#request.album.favoritesNum"/>)</td>
    <td width="55%" align="left">&nbsp;</td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="15%" align="left">评论（100）</td>
    <td align="left" width="70%">&nbsp;</td>
    <td width="15%"  align="left">发表评论</td>
  </tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<s:iterator value="#request.acmntList" var="idx">
  <tr>
    <td width="30%" height="40"><img src="" />username<br />2012-06-22</td>
    <td width="70%"><s:property value="#idx.cmtDesc"/></td>
  </tr>
  </s:iterator>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100%" height="40"><a href="#">回复</a></td>
  </tr>
</table>
	</td>
  </tr>
</table> </td>
		 <td width="190" align="left" valign="top">
<s:action name="bulletin_list" executeResult="true">
<s:param name="circleId">16</s:param>
</s:action>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="left" width="65%" height="40">圈子站内公告</td>
    <td align="right" width="35%">more</td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="left" width="65%" height="30">jifanhuahaodijfksldjfa;o</td>
    <td align="right" width="35%">2010-06-17</td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="left" width="65%" height="40">最新圈子</td>
    <td align="right" width="35%">more</td>
  </tr>
</table>
<ul style="float:left; width:185px;">
		<li style="width:74px; float:left"><img src="" alt="user pic" /><br />desc</li>
		<li style="width:74px; float:left"><img src="" alt="user pic" /><br />desc</li>
	</ul>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="left" width="65%" height="40">最新话题</td>
    <td align="right" width="35%">more</td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="left" width="65%" height="30">jifanhuahaodijfksldjfa;o</td>
    <td align="right" width="35%">2010-06-17</td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="left" width="65%" height="40">最活跃用户</td>
    <td align="right" width="35%">more</td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="left" width="65%" height="30">jifanhuahaodijfksldjfa;o</td>
    <td align="right" width="35%">2010-06-17</td>
  </tr>
</table>
</td>
</tr>
</table>
</body>
</html>